{% extends "base.html" %}

{% block title %}Manage Reviews - Admin Panel{% endblock %}

{% block content %}
<div class="container-fluid px-2 px-md-3 py-4">
    <div class="row">
        <!-- Sidebar -->
        <div class="col-xl-2 col-lg-3 col-md-4 mb-4 admin-sidebar-col">
            <div class="card qc-admin-card border-0 shadow-sm rounded-4">
                <div class="card-body text-center p-4">
                    <div class="admin-avatar mb-3 mx-auto" style="width: 80px; height: 80px; border-radius: 50%; background: rgba(16, 185, 129, 0.15); display: flex; align-items: center; justify-content: center; color: #10b981; font-size: 2.2rem;">
                        <i class="fas fa-user-shield"></i>
                    </div>
                    <h5 class="card-title fw-bold mb-1">Admin Panel</h5>
                    <p class="text-muted small mb-0">{{ get_current_user().name }}</p>
                </div>
            </div>
            <div class="card qc-admin-card border-0 shadow-sm rounded-4 mt-3 overflow-hidden">
                <div class="card-header bg-white border-0 pt-3">
                    <h6 class="mb-0 text-uppercase text-muted fw-bold small" style="letter-spacing:1px;"><i class="fas fa-cogs me-2"></i>Management</h6>
                </div>
                <div class="card-body p-0">
                    {% include 'admin/_management_sidebar.html' %}
                </div>
            </div>
        </div>

        <!-- Main Content -->
        <div class="col-xl-10 col-lg-9 col-md-8 admin-main-col">
            <div class="d-flex justify-content-between align-items-center mb-4">
                <h2><i class="fas fa-star me-2 text-warning"></i>Patient Reviews</h2>
                <span class="badge bg-secondary fs-6">{{ reviews|length }} Total</span>
            </div>

            <div class="card qc-admin-card border-0 shadow-sm rounded-4 overflow-hidden">
                <div class="card-body p-0">
                    {% if reviews %}
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>#</th>
                                    <th>Patient</th>
                                    <th>Doctor</th>
                                    <th>Rating</th>
                                    <th>Tags</th>
                                    <th>Comment</th>
                                    <th>Date</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for review in reviews %}
                                <tr class="{% if not review.is_visible %}table-secondary{% endif %}">
                                    <td class="text-muted small">{{ review.id }}</td>
                                    <td>
                                        <small>{{ review.patient.user.name }}</small>
                                    </td>
                                    <td>
                                        <small>{{ review.doctor.user.name }}</small>
                                    </td>
                                    <td>
                                        {% for i in range(1, 6) %}
                                        <i class="fas fa-star {% if i <= review.rating %}text-warning{% else %}text-muted{% endif %}"
                                            style="font-size:0.75rem;"></i>
                                        {% endfor %}
                                        <small class="text-muted">({{ review.rating }}/5)</small>
                                    </td>
                                    <td>
                                        {% for tag in (review.tags or []) %}
                                        <span class="badge bg-light text-dark border me-1" style="font-size:0.7rem;">{{
                                            tag }}</span>
                                        {% endfor %}
                                    </td>
                                    <td>
                                        {% if review.comment %}
                                        <small class="text-muted fst-italic">"{{ review.comment[:80] }}{% if
                                            review.comment|length > 80 %}...{% endif %}"</small>
                                        {% else %}
                                        <small class="text-muted">—</small>
                                        {% endif %}
                                    </td>
                                    <td>
                                        <small class="text-muted">{{ review.created_at.strftime('%d %b %Y') }}</small>
                                    </td>
                                    <td>
                                        {% if review.is_visible %}
                                        <span class="badge bg-success">Public</span>
                                        {% else %}
                                        <span class="badge bg-secondary">Hidden</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        <form method="POST"
                                            action="{{ url_for('admin.toggle_review_visibility', review_id=review.id) }}"
                                            class="d-inline">
                                            <button type="submit"
                                                class="btn btn-sm {% if review.is_visible %}btn-outline-warning{% else %}btn-outline-success{% endif %}"
                                                title="{% if review.is_visible %}Hide review{% else %}Make public{% endif %}">
                                                <i
                                                    class="fas {% if review.is_visible %}fa-eye-slash{% else %}fa-eye{% endif %}"></i>
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    {% else %}
                    <div class="text-center py-5">
                        <i class="fas fa-star fa-3x text-muted mb-3"></i>
                        <h5 class="text-muted">No reviews yet</h5>
                        <p class="text-muted">Patient reviews will appear here after appointments are completed.</p>
                    </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}